#{extends 'main.html' /}
#{set title:'viewObject.html' /}

<div style="background-image: url('@{Views.getPicture( object.id )}');  background-repeat:no-repeat; 
		background-size: cover;" id="objectPicture" >
</div>
<div id="objectButtons">
<a href="#{if findResults}@{Views.findResults()}#{/if}#{else}@{Views.searchResults()}#{/else}"><div>Back to results</div></a><a href="#{if findResults}@{Views.addObject(object.id, true)}#{/if}#{else}@{Views.addObject(object.id)}#{/else}"><div>Add to objects of interest</div></a>
</div>
<div id="objectDetails">
<b>${object}</b><br />
${object.getAbstract()}<br />
<br />

<b>Categories:</b>
<ul>
	#{list items:object.getCategoryAttributes(), as:'attribute'}
		<li>${attribute}</li>
	#{/list}
</ul>
<br />
<iframe  style="margin-left: auto; margin-right: auto; max-width: 425px; width: 100%" height="240" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=${object.getAttribute("lat")},${object.getAttribute("long")}&amp;aq=&amp;sll=${object.getAttribute("lat")},${object.getAttribute("long")}&amp;sspn=0.0,0.0mp;ie=UTF8&amp;t=m&amp;z=14&amp;ll=${object.getAttribute("lat")},${object.getAttribute("long")}&amp;output=embed"></iframe>
<br /><small><a class="button" href="https://maps.google.de/maps?f=q&amp;source=embed&amp;hl=de&amp;geocode=&amp;q=${object.getAttribute("lat")},${object.getAttribute("long")}&amp;aq=&amp;sll=${object.getAttribute("lat")},${object.getAttribute("long")}&amp;sspn=0.000,0.00&amp;ie=UTF8&amp;t=m&amp;z=14&amp;ll=${object.getAttribute("lat")},${object.getAttribute("long")}">View Larger Map</a></small>
<small><a class="button" href="https://maps.google.de/maps?saddr=${myLocation}&daddr=${object.getAttribute("lat")},${object.getAttribute("long")}">Get Directions from your location</a></small>

<br />
<br />
<br />
</div>

